import React from 'react'
import { EditOutlined, EllipsisOutlined, SettingOutlined } from '@ant-design/icons'
import { Avatar, Card, Row, Col } from 'antd'
import yuan from '@/assets/images/yuan.svg'
import './info.less'
const { Meta } = Card
const App = () => (
    <div>
        <div>
            <Row>
                <Col
                    lg={{
                        span: 8
                    }}
                    md={{
                        span: 24
                    }}
                    style={{
                        padding: 12
                    }}
                >
                    <div className="left">
                        <img
                            className="bg"
                            src="https://assets.minimals.cc/public/assets/images/mock/cover/cover-5.webp"
                            alt="https://assets.minimals.cc/public/assets/images/mock/cover/cover-5.webp"
                        />
                        <div className="ybg">
                            <img  src={yuan} className='logo' />
                        </div>
                        <div className="avatar">
                            <Avatar
                                size={80}
                                src="https://assets.minimals.cc/public/assets/images/mock/avatar/avatar-2.webp"
                            />
                        </div>
                    </div>
                </Col>
                <Col
                    lg={{
                        span: 16
                    }}
                    md={{
                        span: 24
                    }}
                    style={{
                        padding: 12
                    }}
                >
                    <div className="right">AESQW</div>
                </Col>
            </Row>
        </div>
    </div>
)
export default App
